<!--
  Generated template for the MistakePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>mistake</ion-title>
  </ion-navbar>
  <ion-toolbar>
      <ion-segment [(ngModel)]="pet">
        <ion-segment-button value="ct">
          错题
        </ion-segment-button>
        <ion-segment-button value="ht">
          好题
        </ion-segment-button>
      </ion-segment>
  </ion-toolbar>
</ion-header>


<ion-content no-padding>
    <div [ngSwitch]="pet">
        <ion-list *ngSwitchCase="'ct'">
            <div>
                <ion-card color="primary">
                   <img src="../../../assets/imgs/camera2.jpg">
                </ion-card>
            </div>
            <ion-card>
                <ion-segment [(ngModel)]="two">
                    <ion-segment-button value="time">
                      time
                    </ion-segment-button>
                    <ion-segment-button value="point">
                      point
                    </ion-segment-button>
                    <ion-segment-button value="reason">
                        reason
                    </ion-segment-button>
                </ion-segment>
                <div [ngSwitch]="two">
                <ion-list *ngSwitchCase="'time'">
                   <ion-card>
                                    <ion-item>
                                        <ion-avatar item-start>
                                            <img src="../assets/imgs/ppt.png">
                                        </ion-avatar>
                                        <h2>错题1</h2>
                                        <p>17:26</p>
                                        <button ion-button color="danger" outline item-end>
                                            添加
                                        </button>
                                        <button ion-button color="danger" outline item-end (click)="openmistakedetail()">
                                            查看
                                        </button>
                                    </ion-item>
                                </ion-card>
                          
                              <ion-card>
                                  <ion-item>
                                      <ion-avatar item-start>
                                          <img src="../assets/imgs/ppt.png">
                                      </ion-avatar>
                                      <h2>1.5 立体几何.ppt</h2>
                                      <p>17:26</p>
                                      <button ion-button color="danger" outline item-end>
                                          查看
                                      </button>
                                      <button ion-button color="danger" outline item-end>
                                          下载
                                      </button>
                                  </ion-item>
                              </ion-card>
                              <ion-card>
                                  <ion-item>
                                      <ion-avatar item-start>
                                          <img src="../assets/imgs/ppt.png">
                                      </ion-avatar>
                                      <h2>1.4 三角函数.ppt</h2>
                                      <p>17:26</p>
                                      <button ion-button color="danger" outline item-end>
                                          查看
                                      </button>
                                      <button ion-button color="danger" outline item-end>
                                          下载
                                      </button>
                                  </ion-item>
                              </ion-card>
                        
                            <ion-card>
                                <ion-item>
                                    <ion-avatar item-start>
                                        <img src="../assets/imgs/ppt.png">
                                    </ion-avatar>
                                    <h2>1.5 立体几何.ppt</h2>
                                    <p>17:26</p>
                                    <button ion-button color="danger" outline item-end>
                                        查看
                                    </button>
                                    <button ion-button color="danger" outline item-end>
                                        下载
                                    </button>
                                </ion-item>
                            </ion-card>
                            <ion-card>
                                <ion-item>
                                    <ion-avatar item-start>
                                        <img src="../assets/imgs/ppt.png">
                                    </ion-avatar>
                                    <h2>1.4 三角函数.ppt</h2>
                                    <p>17:26</p>
                                    <button ion-button color="danger" outline item-end>
                                        查看
                                    </button>
                                    <button ion-button color="danger" outline item-end>
                                        下载
                                    </button>
                                </ion-item>
                            </ion-card>
                      
                          <ion-card>
                              <ion-item>
                                  <ion-avatar item-start>
                                      <img src="../assets/imgs/ppt.png">
                                  </ion-avatar>
                                  <h2>1.5 立体几何.ppt</h2>
                                  <p>17:26</p>
                                  <button ion-button color="danger" outline item-end>
                                      查看
                                  </button>
                                  <button ion-button color="danger" outline item-end>
                                      下载
                                  </button>
                              </ion-item>
                          </ion-card>                
                        </ion-list>
                        <ion-list *ngSwitchCase="'point'">
                            <ion-card>
                                             <ion-item>
                                                 <ion-avatar item-start>
                                                     <img src="../assets/imgs/ppt.png">
                                                 </ion-avatar>
                                                 <h2>1.4 三角函数.ppt</h2>
                                                 <p>17:26</p>
                                                 <button ion-button color="danger" outline item-end>
                                                     查看
                                                 </button>
                                                 <button ion-button color="danger" outline item-end>
                                                     下载
                                                 </button>
                                             </ion-item>
                                         </ion-card>
                                   
                                       <ion-card>
                                           <ion-item>
                                               <ion-avatar item-start>
                                                   <img src="../assets/imgs/ppt.png">
                                               </ion-avatar>
                                               <h2>1.5 立体几何.ppt</h2>
                                               <p>17:26</p>
                                               <button ion-button color="danger" outline item-end>
                                                   查看
                                               </button>
                                               <button ion-button color="danger" outline item-end>
                                                   下载
                                               </button>
                                           </ion-item>
                                       </ion-card>
                                       <ion-card>
                                           <ion-item>
                                               <ion-avatar item-start>
                                                   <img src="../assets/imgs/ppt.png">
                                               </ion-avatar>
                                               <h2>1.4 三角函数.ppt</h2>
                                               <p>17:26</p>
                                               <button ion-button color="danger" outline item-end>
                                                   查看
                                               </button>
                                               <button ion-button color="danger" outline item-end>
                                                   下载
                                               </button>
                                           </ion-item>
                                       </ion-card>
                                 
                                     <ion-card>
                                         <ion-item>
                                             <ion-avatar item-start>
                                                 <img src="../assets/imgs/ppt.png">
                                             </ion-avatar>
                                             <h2>1.5 立体几何.ppt</h2>
                                             <p>17:26</p>
                                             <button ion-button color="danger" outline item-end>
                                                 查看
                                             </button>
                                             <button ion-button color="danger" outline item-end>
                                                 下载
                                             </button>
                                         </ion-item>
                                     </ion-card>
                                                   
                                 </ion-list>
                                 <ion-list *ngSwitchCase="'reason'">
                                    <ion-card>
                                                     <ion-item>
                                                         <ion-avatar item-start>
                                                             <img src="../assets/imgs/ppt.png">
                                                         </ion-avatar>
                                                         <h2>1.4 三角函数.ppt</h2>
                                                         <p>17:26</p>
                                                         <button ion-button color="danger" outline item-end>
                                                             查看
                                                         </button>
                                                         <button ion-button color="danger" outline item-end>
                                                             下载
                                                         </button>
                                                     </ion-item>
                                                 </ion-card>
                                           
                                               <ion-card>
                                                   <ion-item>
                                                       <ion-avatar item-start>
                                                           <img src="../assets/imgs/ppt.png">
                                                       </ion-avatar>
                                                       <h2>1.5 立体几何.ppt</h2>
                                                       <p>17:26</p>
                                                       <button ion-button color="danger" outline item-end>
                                                           查看
                                                       </button>
                                                       <button ion-button color="danger" outline item-end>
                                                           下载
                                                       </button>
                                                   </ion-item>
                                               </ion-card>
                                                             
                                         </ion-list>
                </div>
            </ion-card>
        </ion-list>

    
        <ion-list *ngSwitchCase="'ht'">
            <div>
                <ion-card color="primary">
                   <img src="../../../assets/imgs/camera2.jpg">
                </ion-card>
            </div>
        </ion-list>
      </div>
</ion-content>
